@charset "utf-8";
/* CSS Document */

#top{ width:100%; height:34px; position:relative;}
#top .small{ width:100%; height:34px; position:absolute; top:-120px; right:0;}
#top .small ul{ margin:0; padding:0px; float:right;}
#top .small li{ display:inline-block; margin-left:5px; padding:0 30px; height:34px; line-height:34px; border-radius:34px; border:1px solid #474748; font-size:16px; color:#FFF; overflow:hidden; cursor:pointer; transition:all 0.3s ease;}
#top .small li:hover{ border-color:#DA251C;}
#top .small li::after{ content:""; display:block; width:0; padding:0; height:34px; background:#D31E16; margin:-34px 0 0 -30px; border-radius:34px; transition:all 0.5s ease;}
#top .small li:hover::after{ width:100%; padding:0 30px;}


#box{ width:100%; height:574px; overflow:hidden; position:relative;}
#list{ width:1224px; height:574px; position:absolute; top:0px; left:50%; display:inline; margin-left:-612px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:917px;position:absolute;list-style-type:none;overflow:hidden;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li .mbdiv{ width:100%; height:152px; line-height:152px; background:#DA251C; color:#FFF; font-size:37px; display:none; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .mbdiv .span_1{ display:block; float:left; font-size:39px; margin-left:36px; font-family:'BEBAS';}
#list li .mbdiv .span_2{ display:block; float:left; width:1px; height:40px; background:#FFF; margin:58px 15px 0 15px; transform:rotate(15deg);}
#list li .mbdiv em{ display:block; float:left; font-style:normal; font-size:25px;}
#list li.hove .mbdiv{ display:block;}
#list li .yy{ width:100%; height:100%; background:#000; opacity:0.5; position:absolute; z-index:1; top:0px; left:0px;}
#list li.hove .yy{ opacity:0;}
#list li .nt{ position:absolute; bottom:49px; right:49px; z-index:2; cursor:pointer; background:url(/templates/default/images/index_28.jpg) no-repeat; width:65px; height:51px; display:none;}
#list li.hove .nt{ display:block;}

/*#list li a{ display:none; width:344px; height:313px; position:absolute; top:0px; left:0px; z-index:11;}
#list li.hove a{ display:block; }*/

#btn{ width:100%; position:relative; margin-top:45px;}
#btn a{ position:absolute; z-index:1000; top:0px; font-size:17px; font-family:'BEBAS';}
#btn .prev{ left:153px;}
#btn .next{ right:153px;}

#img_tit{ color:#070707; font-size:18px; font-weight:bold; text-align:center; padding-top:25px; display:none}
#img_tit a{ color:#333}
#img_tit a:hover,#img_tit a:active{ color:#000;}
<!--0.00014615058898926-->